﻿/*===============================Gallery==============================*/
a.image-item{text-decoration:none; cursor:pointer; display:block; padding:5px 10px;}

a.spot, a.info{background-image:url(../images/spot.png);}
a.close{background-image:url(../images/close.png); left:60px; top:10px;}
a.home{background-image:url(../images/home.png); left:10px; top:10px;}
a.list{background-image:url(../images/list.png); left:110px; top:10px;}
a.spot, a.close, a.home, a.list, a.info{background-repeat:no-repeat; background-position:left bottom; height:7px; width:7px; display:block; cursor:pointer; position:absolute; z-index:2;}
a span{display:none;}
a.spot:hover, a.info:hover{background-position:left top;}

div#image-list{background-color:#fff;text-align:left;border:solid 3px #ccc;width:527px;height:220px;overflow:auto; z-index:9;top:50%;left:50%; position:absolute; margin: -110px auto 0 -263px;display:none}
div#image-list a{float:left}
div#image-list img{width:150px}
div#container{display:block; width:576px; height:314px; position:relative; overflow:hidden;}
div#controls{position:absolute;width:153px;height:45px;z-index:99999;bottom:-80px;background:url(../images/bg.png);border-radius:8px;padding:13px}
div#controls a{position:relative;background:url(../images/controls.png) no-repeat top left;float:left;margin:0 4px;cursor:pointer}
a#prevSpot{background-position:0 -44px!important;width:43px;height:44px}
a#spotList{background-position:-43px -44px!important;width:43px;height:44px}
a#nextSpot{background-position:-86px -44px!important;width:43px;height:44px}
a#prevSpot:hover{background-position:0 0!important}
a#spotList:hover{background-position:-43px 0!important}
a#nextSpot:hover{background-position:-86px 0!important}

#vietnam_map div.info { background-color:#fff; border:solid 2px #ccc; position: absolute; z-index: 3; }

#vietnam_map div.info{display:none; background:#fff; border:solid 3px #F7AD00; padding:10px; color:#666; overflow:hidden; position:absolute; z-index:3;}
#vietnam_map div.info span.more{display:block; text-align:right; padding-top:5px;}
#vietnam_map div.info a.hide{background:url(../images/icon_close_black.gif) no-repeat center center #F7AD00; float:right; cursor:pointer; font-size:0; width:20px; height:20px; margin:-6px -6px 0 0; position:absolute; top:4px; right:4px}
#vietnam_map div.info h3 { text-align:left; padding-bottom:5px }

#vietnam_map div.area{position:absolute; padding:10px; color:#fff; z-index:4;}
#vietnam_map div.tooltip{cursor:pointer; position:absolute; z-index:1;}

img.preload{visibility:hidden;}

#tooltip{background:#f3f7ea; border:1px solid #ff4b4b; padding:5px; position:absolute; z-index:1000; color:#ff4b4b; font: 12px Arial, Helvetica, sans-serif;}
#tooltip h3{font-weight:normal;}
